<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js demo02</title>
    <script src="jquery.min.js"></script>
</head>
<body>

<!--    <img src="200px" height="120px" id="img_logo" src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png">-->
<!--    <p></p>-->

<!--    <input onclick="upImg()" type="button" value="更换图片">-->
<!--    <hr>-->

<!--        <input type="button" value="添加" onclick="add('zhansgan','123')">&nbsp;&nbsp;&nbsp;-->
<!--        <input type="button" value="修改" onclick="up('张三','123')">&nbsp;&nbsp;&nbsp;-->
<!--        <input type="button" value="删除" >&nbsp;&nbsp;&nbsp;-->
<!--        <input type="button" value="查询" >&nbsp;&nbsp;&nbsp;-->


    <div>
        <h2>猜数字游戏</h2>
        玩家输入一个1-10的数字：<input id="input_num" type="text"><p></p>
        <input type="button" value="查看结果" onclick="selectResult()">
        <div id="result_div">

        </div>
    </div>

<!--    <div>-->
<!--        <h2>猜数字游戏</h2>-->
<!--        玩家输入一个1-10的数字：<input id="input_num" type="text"><p></p>-->
<!--        <input type="button" value="查看结果" onclick="selectResultJq()">-->
<!--        <div id="result_div">-->

<!--        </div>-->
<!--    </div>-->



    <script>
<!--      var arr=new Array();-->
<!--      arr.push(1);-->
<!--      arr.push("hello");-->
<!--      arr.push("呵呵");-->
<!--      -->
<!--      arr[1]="2";-->
<!--      -->
<!--      //删除，从1开始往后1个数-->
<!--      console.splice(1,1);  -->
<!--      -->
<!--      //截取,不会改变原数组，从【1，2）-->
<!--      var tmp=arr.slice(1,2)-->
<!--      console.log(tmp);-->
<!--      -->
<!--      //查询并删除最后一个元素-->
<!--      console.log(arr.pop());-->
<!--      console.log("length："+arr.length);-->
<!--      console.log(arr[2]);-->

<!--      //遍历数组-->
<!--      //1、fori-->
<!--      for(int i=0;i<arr.length;i++){-->
<!--        console.log(arr[i]+"  ");-->
<!--      }-->
<!--      -->
<!--      //2、for...of...-->
<!--      for(var elem of arr){-->
<!--        console.log(elem);-->
<!--      }-->
<!--      -->

<!--      //字面量的方式创建对象-->
<!--      var student={-->
<!--        id:1,-->
<!--        name:"张三",-->
<!--        password:"1111",-->
<!--        func:function(){-->
<!--            alert("hello world!!!")-->
<!--        }-->
<!--      };-->
<!--      console.log(student.name);-->
<!--      student.func();-->

<!--      //全局变量-->
<!--      var num=10;-->
<!--      console.log(num);-->

<!--      function test(){-->
<!--        //局部变量-->
<!--        var num=20;-->
<!--        console.log(num);-->
<!--      }-->

<!--      function test2(){-->
<!--        //局部变量-->
<!--        num=30;-->
<!--        console.log(num);-->
<!--      }-->

      //修改方法
      function up(){
        alert("执行了修改方法！")
        for(var item of arguments){
        console.log(item);
      }

      //添加方法
      function add(name,password){
        alert("执行了添加方法！\n name="+name+"\n password="+password);
        return "hello function";
      }

<!--      //unsafe->CAS-->
<!--      var functionName=prompt("输入方法名：");-->
<!--      eval(functionName+"()");-->

<!--      var result=add();-->
<!--      console.log(result);-->

        function upImg(){
            var sg_img="https://dlweb.sogoucdn.com/pcsearch/web/index/images/logo_440x140_31de1d2.png?v=d6bfe569";
            document.getElementById("img_logo").src=sg_img;
        }


        //原生js猜数字游戏
        function selectResult(){
            //产生随机数1-10
            var randomNum=1+Math.floor(Math.random()*10);
            var userInputNum=document.getElementById("input_num").value;
            var msg;
            if(randomNum==userInputNum){
                msg="<h3>猜对了！！！</h3>"
            }else{
                msg="<h3>猜错了！！！正确的数字是："+randomNum+"</h3>"
            }
            document.getElementById("result_div").innerHTML=msg;
        }


        //jquery猜数字游戏
        function selectResultJQ(){
            var randomNum=1+Math.floor(Math.random()*10);
            var userInputNum=jQuery("#input_num").val();
            var msg;
            if(randomNum==userInputNum){
                msg="<h3>猜对了！！！</h3>"
            }else{
                msg="<h3>猜错了！！！正确的数字是："+randomNum+"</h3>"
            }
            jQuery("#result_div").html(msg);
        }

    </script>
</body>
</html>